<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>结课答辩</title>
	<style type="text/css">
		body{
			background: 
		}
		.box{
			width: 100%;
			height: 100%;
			margin: 0 auto;

		}
		.k1{
			width: 1600px;
			height: 640px;
			border: 1px solid white;
			margin-left:-20px;
			margin-top: -10px;
		}
		.k2{
			width: 1600px;
			height: 600px;
			/*border: 1px solid skyblue;*/
			margin-left:-20px;
		}
		.k3{
			width: 1600px;
			height: 500px;
			background-color: white;
			/*border: 1px solid orange;*/
			margin-left:-20px;
		}
		.kkk1{
			width: 140px;
			height: 60px;
			/*border:1px solid red;*/
			position: absolute;
			left: 150px;
			top: 1250px;
			font-size: 20px;
		}
		.kkk2{
			width: 140px;
			height: 60px;
			/*border: 1px solid red;*/
			position: absolute;
			left: 280px;
			top: 1276px;
			font-weight: lighter;
			font-size: 30px;
		}
		.kkk3{
			/*border: 1px solid red;*/
			width: 480px;
			height: 25px;
			position: absolute;
			left: 150px;
			top: 1315px;
			opacity: 0.65;

		}
		.kkk{
			font-size: 15px;
			position: absolute;
			right: 300px;
			top: 1315px;
		}
		.kkk4{
			width: 1200px;
			height: 220px;
			/*border: 1px solid red;*/
			position: absolute;
			left: 150px;
			top: 1360px;
			padding: 0px;
			float: right;
		}
		.kkk4a{
			width: 280px;
			height: 218px;
			/*border: 1px solid blue;*/

		}
		.kkk4b{
			width: 280px;
			height: 218px;
			/*border: 1px solid blue;*/
			position: absolute;
			left: 309px;
			top: 0px;

		}
		.kkk4c{
			width: 280px;
			height: 218px;
			/*border: 1px solid blue;*/
			position: absolute;
			left: 613px;
			top: 0px;
		}
		.kkk4d{
			width: 280px;
			height: 218px;
			/*border: 1px solid blue;*/
			position: absolute;
			right: 0px;
			top: 0px;
		}
		.k4{
			width:1590px;
			height: 500px;
			/*border: 1px solid red;*/
			background-color:#eeeef1;
			margin-left: -10px;
		}
		.kkkk1{
			width: 100px;
			height: 60px;
			/*border: 1px solid red;*/
			position: absolute;
			left: 180px;
			top:1760px;
		}
		.kkkk2{
			width: 200px;
			height: 60px;
			/*border: 1px solid red;*/
			position: absolute;
			left: 260px;
			top: 1783px;
			font-size: 28px;
			opacity: 0.65;
		}
	    .kkkk3{
	    	width: 300px;
	    	height: 20px;
	        position: absolute;
	        left: 180px;
	        top: 1830px;
	        opacity: 0.65;
	    }
	    .kkkk4{
	    	width: 300px;
	    	height: 20px;
	        position: absolute;
	        right: 100px;
	        top: 1830px;
	    }
	    .k4a{
	    	width: 1200px;
	    	height:280px;
	    	/*border: 1px solid red;*/
	    	margin-left: 190px;
	    	position: absolute;
	    	top: 1900px;

	    }
	    .k4a1{
	    	width: 300px;
	    	height: 280px;
	    	border: 1px solid #123;
	    }
	    .k4a2{
	    	width: 300px;
	    	height: 280px;
	    	border: 1px solid #123;
	    	position: absolute;
	    	right: 445px;
	    	top: 0px;
	    }
	    .k4a3{
	    	width: 300px;
	    	height: 280px;
	    	border: 1px solid #123;
	    	position: absolute;
			right:0px;
			top: 0px;
	    }
	    .k5{
	    	width: 1600px;
	    	height: 250px;
	    	/*border: 1px solid orange;*/
	    	position: absolute;
	    	left: -10px; 
	    }
	    .k5a{
	    	width: 480px;
	    	height: 90px;
	    	/*border:1px solid red;*/
	    	position: absolute;
	    	left: 200px;
	    	top: 30px;
	    	font-size: 60px;
	    	color: white;
	    	font-weight: bold;
	    }
	    .k5b{
	    	width: 600px;
	    	height: 90px;
	    	/*border:1px solid red;*/
	    	position: absolute;
	    	left: 200px;
	    	top: 110px;
	    	font-size: 60px;
	    	color: white;
	    	font-weight: lighter;
	    }
	    .k5c{
	    	width: 315px;
	    	height: 70px;
	    	position: absolute;
	    	/*border: 1px solid red;*/
	        left: 815px;
	    	top: 30px;
	    	font-size: 15px;
	    	padding: 0;
	    	opacity: 0.65;
	    	color: white;
	    }
	    .cxa{
	    	width: 300px;
	    	height: 50px;
	    	position: absolute;
	    	left: 475px;
	    	top: -325px;
	    }
	    .k6{
	    	width: 1600px;
			height: 670px;
			/*background-color: white;*/
			border: 1px solid orange;
			margin-left:-20px;
	    }
	    .k6a{
	    	position: absolute;
	    	left: 0px;
	    	top: 2550px;
	    }
	    .k6sp{
	    	width: 1200px;
	    	height: 30px;
	    	color: white;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 200px;
	    	top: 35px;
	    }
	    .kf{
	    	position: absolute;
	    	right: 0px;
	    	top: 0px;
	    	color: green;
	    }
	    .k6ka{
	    	width: 80px;
	    	height: 30px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 200px;
	    	top: 2630px;
	    	background-color: black;
	    	color:white;
	    	margin-left: auto;
	    }
	    h6{

	    	margin-top: 8px;
	    	margin-left: 20px;
	    }
	    .k6ka:hover{
	    	background-color: #888c8e;
	    }
	     .k6kb{
	    	width: 80px;
	    	height: 30px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 300px;
	    	top: 2630px;
	    	background-color: black;
	    	color:white;
	    	margin-left: auto;
	    }
	    .k6kb:hover{
	    	background-color: #888c8e;
	    }
	     .k6kc{
	    	width: 80px;
	    	height: 30px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 400px;
	    	top: 2630px;
	    	background-color: black;
	    	color:white;
	    	margin-left: auto;
	    }
	    .k6kc:hover{
	    	background-color: #888c8e;
	    }
	     .k6kd{
	    	width: 80px;
	    	height: 30px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 500px;
	    	top: 2630px;
	    	background-color: black;
	    	color:white;
	    	margin-left: auto;
	    }
	    .k6kd:hover{
	    	background-color: #888c8e;
	    }
	    .zy1{
	    	width: 50px;
	    	height: 20px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 200px;
	    	top: 2680px;
	    	color:white;
	    	font-size: 15px;
	    }
	    .zy2{
	    	width: 50px;
	    	height: 20px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 300px;
	    	top: 2680px;
	    	color:white;
	    	font-size: 15px;
	    }
	    .zy3{
	    	width: 50px;
	    	height: 20px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 400px;
	    	top: 2680px;
	    	color:white;
	    	font-size: 15px;
	    }
	    .zy4{
	    	width: 50px;
	    	height: 20px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 500px;
	    	top: 2680px;
	    	color:white;
	    	font-size: 15px;
	    }
	    .zy5{
	    	width: 50px;
	    	height: 20px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 600px;
	    	top: 2680px;
	    	color:white;
	    	font-size: 15px;
	    }
	    .zy6{
	    	width: 50px;
	    	height: 20px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 700px;
	    	top: 2680px;
	    	color:white;
	    	font-size: 15px;
	    }
         .gb:hover{
	    	cursor:pointer;
	    }


		/*.k4{
			width: 1700px;
			height: 400px;
			border: 1px solid pink;
			margin-left:-20px;
		}
		.k5{
			width: 1700px;
			height: 600px;
			border: 1px solid orange;
			margin-left:-20px;
		
		}
		.k6{
			width: 1700px;
			height: 300px;
			border: 1px solid blue;
			margin-left:-20px;
			background-color:fixed;
		}
		.k7{
			width: 1700px;
			height: 600px;
			border: 2px solid yellow;
			margin-left:-20px;
		}*/
		ul{
			border:1px solid grey;
			width:330px;
			height: 550px;
			padding-left: 15px;
			position: fixed;
			right:70px;
			top:10%;
			background-color: white;
			color: black;
			font-size: 25px;
			
		}
		li{
			list-style: none;
			padding:12px;
			color: black;
			
		}
		.h3{
			top: 20px;
		}
		.xyuanjiao{
			width: 35px;
			height: 5px;
			background-color: #21bf5a ;
			border-radius: 50px;
			margin-left: 15px;

		}
		.mdwz{
			font-size: 18px;
			padding-right: 15px;
			padding-left: 10px;
			color: black;
			line-height:25px;
			opacity: 0.65;
		}
		.xyuankuang{
			width: 75px;
			height:30px;
			background-color: #21bf5a;
			border-radius: 5px;
			position: absolute;
			left:130px; 
			top:485px;
			font color: white;
		}
		.gb{
			color: white;
			font-size: 20px;
			margin-left: 15px;
		}
		.a1{
			width: 1480px;
			height: 50px;
			/*border: 1px solid red;*/
			position: absolute;
			top: 35px;
			left: 10px;

		}
		.li2{
			display:inline;
			padding: 50px;
			font-color: white;
			padding: 0px;
			float: right;
		}
	    p{
	    	color: black;
	    	display:inline;
	    	float: right;
	    	padding:5px;
	    }
	    .p1{
	    	font-size: 20px; 
	    	color: white;
	    }
	    h4:hover{
	    	cursor:pointer;
	    }
	    .dwa{
	    	color: white;
	    	font-size: 70px;
	    	position: absolute;
	    	left: 555px;
	    	top: 250px;
	    }
	    h4{
	    	display:inline;
	    	float: right;
	    	padding:5px;
	    }
	    .logo{
	    	position: absolute;
	    	left:230px;
	    	top:10px;
	    }
	    form{
			/*border:1px solid red;*/
			height: 400px;
			width:400px;
			margin:0 auto;
			position: absolute;
			left: 200px;
			top: 430px;
		}
		input{
			width:400%;
			padding: 20px 0px;
			/*怪异盒模型*/
			box-sizing: border-box;
			/*轮廓*/
			outline: none;
		}
	    .zf{
	    	position: absolute;
	    	left: 849px;
	    	top: 1px;

	    }
	    .city{
	    	width: 50px;
	    	height: 15px;
	    	background-color: blue;
	    	color: white;
	    	margin:-570px 420px;

	    }
	    hr{
	    	color: blue;
	    }
	    .iphone{
	    	width: 150px;
	    	height: 48px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 15px;
	    	top: 1018.5px;
	    }
	    .az{
	    	width: 150px;
	    	height: 49px;
	    	/*border: 1px solid red;*/
	    	position: absolute;
	    	left: 15px;
	    	top: 1080px;

	    }

	</style>
</head>
<body background="1.jpg" width="1500px;">
	<div class="box">
	<div class="k1" >
		<!-- <img src="E:\html\链家\img\1.jpg" width="1590px;">  -->
		<div class="a1">
			<div class="logo">
			<img src="logo.png" width="150px;">
		</div>
			<div class="p1">
				<a href="https://nj.lianjia.com/ershoufang/" style="color: white">
				<h4>二手房</h4>
			</a>
				<a href="https://nj.fang.lianjia.com/" style="color:white">
				<h4>新房</h4>
			</a>
				<a href="https://nj.lianjia.com/zufang/" style="color: white">
				<h4>租房</h4>
			</a>
				<a href="https://i.lianjia.com/us" style="color: white">
				<h4>海外</h4>
			</a>
				<a href="https://nj.lianjia.com/xiaoqu/" style="color: white">
				<h4>小区</h4>
			</a>
				<a href="https://nj.lianjia.com/jingjiren/" style="color: white">
				<h4>经纪人</h4>
			</a>
				<a href="https://nj.lianjia.com/wenda/" style="color: white">
				<h4>指南</h4>
			</a>
				<a href="https://nj.lianjia.com/fangjia/" style="color: white">
				<h4>房价</h4>
			</a>
				<a href="https://nj.lianjia.com/tool.html" style="color: white">
				<h4>工具</h4>
			</a>
				<a href="https://nj.lianjia.com/yezhu/maifang/" style="color: white">
				<h4>发布房源</h4>
			</a>

			</div>
		</div>
		<div class="dwa">
		连接每个家的故事
	    </div>
	    <form>
	    	<p>
	    	<input type="text" name="" placeholder="请输入区域、商圈或小区开始找房">
	        </p>
	        <!-- <input class="btn home-ico ico-search left" id="findHouse" type="button" value="开始找房" daty-id="320100"> -->
	        <div class="zf">
	        <p>
			<input type="button" value="开始找房" name=""style="background: #00ae66;border:0; width: 120px;color: white;">
		    </p>
		</div>

	        </form>
	        <div class="city">
	        <span><i>-</i>南京</span>
	    </div>
	</div>
	<div class="k2">
		<img src="2.png" width="1600px;">
		<a href="https://apps.apple.com/cn/app/id405882753">
			<div class="iphone"></div>
		</a>
		<a href="https://nj.lianjia.com/?utm_source=baidu&utm_medium=pinzhuan&utm_term=biaoti&utm_content=biaotimiaoshu&utm_campaign=wynanjing">
			<div class="az"></div>
		</a>
		<!-- <map name="Map" id="Map">
  <area shape="rect" coords="23,316,150,350" href="https://apps.apple.com/cn/app/id405882753" />
</map> -->
	</div>
	<div class="k3">
		<div class="kkk1">
			<h2>二手好房</h2>
		</div>
		<div class="kkk2">
			为你而选
		</div>
		<div class="kkk3">
			好房源那么多，我们为你精选，链家网会越来越懂你
		</div>
		<div class="kkk">
			<a href="https://nj.lianjia.com/ershoufang/" style="color: black">
		更多南京二手房
	</a>
	    </div>
	    <div class="kkk4">
	    	<div class="kkk4a">
	    		<img src="a.jpg">江宁·百家湖 
	    	</div>
	    	<div class="kkk4b">
	    		<img src="b.jpg">雨花台·铁心桥
	    	</div>
	    	<div class="kkk4c">
	    		<img src="c.jpg">鼓楼·热河南路
	    	</div>
	    	<div class="kkk4d">
	    		<img src="d.jpg">浦口·桥北
	    	</div>
	    </div>
	</div>
	<div class="k4">
		<div class="kkkk1">
			<h1>小区</h1>
		</div>
		<div class="kkkk2">
			为您推荐
		</div>
		<div class="kkkk3">
			纵览小区，恋上这座城
		</div>
		<div class="kkkk4">
            <a href="https://nj.lianjia.com/xiaoqu/" style="color:black;">
			更多南京小区
            </a>
		</div>
		<div class="k4a">
			<div class="k4a1">
				<img src="a1.jpg" width="300px;">
				<p>翠屏城</p>
				<p>15237元/平</p>
			</div>
			<div class="k4a2">
				<img src="a2.jpg" width="300px;">
				<p>恒大金碧天下天鸿苑</p> 
                <p>9262元/平</p>
			</div>
			<div class="k4a3">
				<img src="a3.jpg" width="300px;">
				<P>万达茂</P>
				<p>16921元/平</p>
			</div>
		</div>
		<!-- <img src="E:\html\链家\img\h1.png,m_fill,ls_50,lg_north_west,l_rorate_logo"> -->
	</div>
	<div class="k5">
		<img src="3.jpg" height="320px;">
		<div class="k5a">
			链家真实房源
		</div>
		<div class="k5b">
			不是嘴上说说就可以！
		</div>
		<div class="k5c">
			<span>真实存在，真实在售，真实价格，真实图片！</span>
			<span>链家郑重向用户承诺：真实房源，假一赔百元！</span>
		</div>
		<form>
			<div class="cxa">
	    	<p>
	    	<input type="text" name="" placeholder="输入链家编号查询真伪...">
	        </p>
	    </div>
	</div>
	<div class="k6">
		<div class="k6a">
			<img src="5.jpg" height="500px;">
			<div class="k6sp">
				<span>
				  关于链家
                  联系我们
                  加入我们
                  网站地图
                  友情链接
              </span>
              <div class="kf">
              官方客服 1010 9966
          </div>
               <hr>
			</div>
		</div>
		<div class="k6dh">
			<div class="k6ka">
				<h6>其他作业</h6>
	        </div>
	        <div class="k6kb">
	        	<h6>热门小区</h6>
	        </div>
	        <div class="k6kc">
	        	<h6>新房</h6>
	        </div>
	        <div class="k6kd">
	        	<h6>二手房</h6>
	        </div>
		</div>
		<div class="zy1">
		<a href="作业1.html" style="color: pink" target=_blank>
			作业1
		</a>
		</div>
		<div class="zy2">
		<a href="作业2.html" style="color: #259" target=_blank>
			作业2
		</a>
		</div>
		<div class="zy3">
		<a href="作业3.html" style="color: yellow" target=_blank>
			作业3
		</a>
		</div>
		<div class="zy4">
		<a href="作业4.html" style="color: skyblue" target=_blank>
			作业4
		</a>
		</div>
		<div class="zy5">
		<a href="作业5.html" style="color: orange" target=_blank>
			作业5
		</a>
		</div>
		<div class="zy6">
		<a href="作业6.html" style="color: #955" target=_blank>
			作业6
		</a>
		</div>
		<hr>
	</div>
	<!-- <div class="k7"></div> -->
	<ul id='n1'>
		<li>
			<div calss="h3">致广大用户</div>
		</li>
		<div class="xyuanjiao"></div>
		<div class="mdwz">
		<p>北京链家房地产经纪有限公司自2001年成立以来，致力于提供安全有品质的房产交易服务，以“国民链家，品质为先”为经营理念，为万千家庭提供更安心、更具品质的房产交易服务。
为响应七部委联合印发的《关于在部分城市先行开展打击侵害群众利益违法违规行为治理房地产市场乱象专项行动的通知》，在北京市住建委联合市工商局、市网信办、市通信管理局和房地产中介行业协会的要求和指导下，链家和链家APP严格规范平台发布信息内容，以实际行动维护房地产市场秩序，促进行业健康发展。
</p>
</div>
    <div class="xyuankuang">
    	<div class="gb" onclick="n1.style.display='none';">关闭</div>
    	</div>
		
	</ul>
</div>

</body>
</html>